<template>
      <BaiduGpt title="欢迎使用文心一言"/>
</template>

<script setup>
  import BaiduGpt from './components/BaiduGpt.vue'
</script>

<style>
/* 总体样式 */
body {
  background-color: #ededed;
}
/* title行样式 */
.toprow{
  text-align: center;
  color: black;
  padding: 10px;
  font-size: 20px;
  font-weight: bold;
  background-color: #ececec;
  border-bottom-style:solid;
  border-bottom-color: #cfd4e4;
  border-bottom-width: 0.5px;
  /*
    background-image: linear-gradient(to right, #e9e9e9, #e4ecdf);
  */
}
/* 返回信息中如果包含代码所需的样式 */
.code{
  background-color: #3eceffc4;
  color: black;
  overflow:scroll;
  border-radius:20px;
  padding: 10px;
}


/* 返回信息，设置提示信息
.setting-popup{
  height: 12%;
  font-size: 20px;
  text-align: center;
  padding:15px;
  background-image: linear-gradient(to right, rgba(0, 225, 255), rgb(0, 60, 255));
}
*/
/* 设置模块未完成，点击给与提示 */
.van-toast{
  background: #363535 !important;
}

/*信息输入框样式，绝对定位放到最下面 */
.buttom-line{
  border-top-style:solid;
  border-top-color: #cfd4e4;
  border-top-width: 0.3px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #ececec;
  width: 100%;
  overflow: auto;
  align-items: center;
}

.msgdiv{
  background: white;
  border-radius: 10px;
  padding: 15px;
  display: inline-block;
  margin-top: 10px;
}

.resdiv{
  background: #9fed7f;
  border-radius: 10px;
  padding: 15px;
  display: block;
}
</style>
